
require("../less/index.less")
require("../fonts/iconfont.css")
document.ready(function () {
    // 轮播图
    new Swiper('.swiper', {
        autoplay: true,//可选选项，自动滑动
        loop: true,
        pagination: {
            el: '.swiper-pagination',
        },
    })

    let rankingNum = document.querySelector('#rankingNum')  //排名
    let punchCount = document.querySelector('#punchCount')  //打卡天数
    let badgesNum = document.querySelector('#badgesNum')    //勋章个数
    let punchBtn = document.querySelector('#punchBtn')    //打卡按钮

    // 从本地服务器拿数据
    let userObj = JSON.parse(window.sessionStorage.getItem('user'))
    console.log(userObj);
    // 拿到请求头里的token
    axios.defaults.headers.authorization = `Bearer ${userObj.token}`;
    // 获取省份信息
    axios.get('http://139.9.177.51:3701/api/shared/province').then(res=>{
            if(res.data.errno === 0){
                window.localStorage.setItem('provinceArr',JSON.stringify(res.data.data))
                
            }
        }).catch(err=>{
            console.log(err);
        })
    // axios请求 获取用户信息
    axios.get('http://139.9.177.51:3701/api/user/info').then((res) => {
        console.log(res.data);
        if (res.data.errno === 0) {
            rankingNum.textContent = res.data.data.ranking;
            badgesNum.innerHTML = `${res.data.data.badges}<span class="fon18 abs">枚</span>`;
            punchCount.innerHTML = `累积打卡${res.data.data['member.clockCount']}天`;

        } else if (res.data.errno === 10003) {
            window.$util.popBox("icon-cuowu", "请先登录")
            // 延迟2秒跳转
            window.setTimeout(function () {
                window.location.href = '/login.html'
            }, 2001)

        }
    }).catch((err) => {
        console.log(err);
    })

    // 打卡的点击事件
    // 定义一个变量来保持是否打卡 punchflag true未打卡  false已打卡
    let punchflag = true;
    punchBtn.addEventListener('click', function () {
        if (punchflag) { //未打卡
            // 获取打卡信息
            axios.post('http://139.9.177.51:3701/api/user/clockIn').then((res) => {
            // let result = res.data;

                // 如果打卡信息为-1，即为未打卡
                if (res.data.errno === -1) { //未打卡
                    window.$util.popBox("icon-gougou", "打卡成功")
                    punchBtn.innerHTML = '今日已打卡' //改变打卡按钮的内容
                    punchflag = false; //已打卡
                    
                } else if (res.data.errno === 0) { //打卡成功
                    window.$util.popBox("icon-gougou", "打卡成功")
                    console.log("已打卡");
                    // 发起请求 获取打卡后的信息
                    axios.get('http://139.9.177.51:3701/api/user/clockInInfo').then((res) => {
                        if (res.data.errno === 0) { //0获取信息 已打卡
                            console.log(res.data.data.clockCount);
                            punchCount.innerHTML = `已打卡${res.data.data.clockCount}天`; //更新打卡天数

                        } 
                        
                    }).catch((err) => {
                        console.log(err);
                    })
                }
            }).catch((err) => {
                console.log(err);
            })
        } else {
            console.log("已打卡，不发请求");
            window.$util.popBox("icon-cuowu", "今日已打卡")

        }



    })


    // 底部导航栏
    window.$util.navigation("index");



})

